<template>
    <f-view>
        <f-card title="标签">
            <f-tag type="primary">吃饭</f-tag>
            <f-tag type="success">睡觉</f-tag>
            <f-tag type="info">上厕所</f-tag>
            <f-tag type="danger">刷牙</f-tag>
            <br/>
            <br/>
            <f-tag type="warning">洗脸</f-tag>
            <f-tag type="noble">上班</f-tag>
            <f-tag type="normal">坐地铁</f-tag>
            <f-tag type="light">下班</f-tag>
            <br/>
            <br/>
            <f-tag type="dark">回家</f-tag>
            <f-tag type="light" :outline="true">标签</f-tag>
            <f-tag type="dark" :outline="true">标签</f-tag>
            <f-tag role="close">标签</f-tag>
            <br/>
            <br/>
            <f-tag type="light" :outline="true" role="add">标签</f-tag>
        </f-card>
        <ph-pretty lang="html">{{raw.c1}}</ph-pretty>
    </f-view>
</template>
<script lang="ts" setup>
import { FView, FCard, FTag } from '@/components'
import * as raw from '../data/tag'
</script>